<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="style/fjol_style.css"/>
		<link rel="stylesheet" type="text/css" href="style/xol_style.css"/>
	</head>
<style>
	html,body{
		width: 100%;
		height: 100%;
	}
</style>
	<body>
		<header class="mui-bar mui-bar-nav newbgRed">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title"></h1>
		</header>
		<div id="map" style="width: 100%; height: 100%;"></div>
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=f9UV9NGz1W6rqioKUQovFkkmLAgmIz9C"></script>
		
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function(){
				var wv = plus.webview.currentWebview();
				//经度
				var longitude = wv.longitude;
				//纬度
				var latitude = wv.latitude;
				//建筑物名称
				var buildingName = wv.buildingName;
				document.querySelector('.mui-title').innerHTML = buildingName;
				// 百度地图API功能
				var map = new BMap.Map("map");    // 创建Map实例
				var mapPoint = new BMap.Point(longitude,latitude);
				map.centerAndZoom(mapPoint, 16);  // 初始化地图,设置中心点坐标和地图级别
//				console.log(longitude);
				map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
				map.setCurrentCity(buildingName);          // 设置地图显示的城市 此项是必须设置的
				map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
				var marker = new BMap.Marker(mapPoint);  // 创建标注
				map.addOverlay(marker);              // 将标注添加到地图中
			})
			
				
		</script>
	</body>

</html>